<!-- 每个页面的标题，用来重复确认当前所处页面，亦可用作面包屑导航的外层结构。 -->
<template>
    <div class="page-title">
        <strong>{{title}}</strong><span class="text-small" style="color:red;"> {{ small}}</span>
    </div>
</template>

<script>
    export default {
        name: 'vPageTitle',
        props: ['title','small']
    }
</script>

<style lang="scss" scoped>
    @import '~sysStatic/css/theme/theme.scss';
    .page-title{
        height: 30px;
        margin-bottom: $commomSpace;
        border-bottom: 1px solid $borderColor;
        & > strong{
            line-height: 30px;
            font-size: 15px;
            font-weight: bold;
            color: $systemFontColor
        }
    }
</style>